<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:insert="~{common/header::head}"></th:block>
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <title th:text="${loginUser.nickName}+'个人信息-云沾衣诗词网-入云深处亦沾衣'">云沾衣诗词网-入云深处亦沾衣</title>
</head>
<body>
<div th:insert="~{common/header :: profile_nav}"></div>
<div class="container full">
    <div class="row" style="padding-top: 1vh;">
        <div class="col-2 bg-light" style="padding: 1vh;min-height: 74vh">
            <div th:insert="~{common/header :: user-silde}"></div>
        </div>
        <div class="col-10">
            <div class="card">
                <div class="card-header">
                    <div class="card-body">
                        <form>
                            <div class="mb-3 mt-3">
                                <label for="nickName" class="form-label">昵称</label>
                                <input type="text" th:value="${clientUser.nickName}" class="form-control" id="nickName">
                            </div>

                            <div class="mb-3">
                                <label for="sex" class="form-label">性别</label>
                                <br>
                                <div th:each="sexType:${sexTypeList}"
                                     class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="sex" id="sex"
                                           th:value="${sexType.dictCode}"
                                           th:id="${'sex'+sexType.dictCode}"
                                           th:checked="${clientUser.sex == sexType.dictCode}">

                                    <label th:text="${sexType.dictName}" class="form-check-label"
                                           th:for="${'sex'+sexType.dictCode}">
                                    </label>
                                </div>

                                <div class="mb-3">
                                    <label for="uuid" class="form-label">UID</label>
                                    <input type="text" th:value="${clientUser.uid}" class="form-control" readonly
                                           id="uuid">
                                </div>

                                <div class="mb-3">
                                    <label for="signature" class="form-label">个性签名</label>
                                    <input type="text" th:value="${clientUser.signature}" class="form-control"
                                           id="signature">
                                </div>

                                <div class="mb-3">
                                    <label for="join-time" class="form-label">加入时间</label>
                                    <input type="text" th:value="${clientUser.joinTime}" class="form-control"
                                           readonly id="join-time">
                                </div>
                                <button type="button" class="btn btn-primary" onclick="savaUser()">保存</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<div th:insert="~{common/footer ::home-footer}"></div>
<script type="text/javascript" charset="utf-8" th:src="@{/js/profile.js}"></script>

</body>

</html>
